<!DOCTYPE html>
<html>
<head>
    <title>婚纱影楼</title>
    <link href="/themes/cpts_199_cxs/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="/themes/cpts_199_cxs/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link rel="stylesheet" type="text/css" href="/themes/cpts_199_cxs/css/component.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <script src="/themes/cpts_199_cxs/js/jquery.min.js"></script>
    <script src="/themes/cpts_199_cxs/js/simpleCart.min.js"></script>
    <!-- start menu -->
    <link href="/themes/cpts_199_cxs/css/megamenu.css" rel="stylesheet" type="text/css" media="all"/>
    <script type="text/javascript" src="/themes/cpts_199_cxs/js/megamenu.js"></script>
    <script>$(document).ready(function () {
        $(".megamenu").megamenu();
    });</script>
    <!-- start menu -->
</head>
<body>
<!--header-->
<div class="header">
    <div class="container">
        <div class="main-header"></div>

    <#include "include/top.html"/>
        <div class="clearfix"></div>
    </div>
    <div class="caption">
        <h1>FASHION AND CREATIVITY</h1>
        <p>Sed dapibus est a lorem dictum, id dignissim lacus fermentum. Nulla ut nibh in libero maximus pretium
            Nunc vulputate vel tellus ac elementum. Duis nec tincidunt dolor, ac dictum eros.</p>
    </div>
</div>
<!--header-->
<div class="categoires">
    <div class="container">
    <#list noticeList as item>

        <a href="/notice/${item.id}">
            <div class="col-md-4 sections <#if item?index == 2>fashion-grid-c<#else>fashion-grid-a</#if>"
                 style="background:url(${item.img!}) no-repeat;">
                <h4>${item.name}</h4>
            </div>
        </a>
    </#list>
    </div>
</div>
<!---->
<div class="features">
    <div class="container">
        <div class="tabs-box">
            <ul class="tabs-menu">
            <#list categoryList as item>
                <li><a href="#tab${item?index}">${item.name}</a></li>
            </#list>
            </ul>
            <div class="clearfix"></div>
            <div class="tab-grids">
            <#list pageInfo.list as item>
                <div class="tab-grid1">
                    <a href="/goods/${item.id}">
                        <div class="product-grid">
                            <div class="more-product-info"><span>${item.categoryname!}</span></div>
                            <div class="product-img b-link-stripe b-animate-go  thickbox">
                                <img src="${item.img}" class="img-responsive" alt=""
                                     style="width: 340px;height: 380px;"/>
                                <div class="b-wrapper">
                                    <h4 class="b-animate b-from-left  b-delay03">
                                        <button onclick="locationhref ='/goods/${item.id}'" class="btns">查看</button>
                                    </h4>
                                </div>
                            </div>
                    </a>
                    <div class="product-info simpleCart_shelfItem">
                        <div class="product-info-cust">
                            <h4>${item.name}</h4>
                            <span class="item_price">$${item.price}</span>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>

            </#list>
            </div>
        </div>
    </div>
</div>
<div class="clearfix"></div>
<script>
    var msg = "${errorMsg!}";
    if (msg.length > 0) alert(msg);
</script>
</body>
</html>